<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie no-js" dir="ltr">
<![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" class="no-js">
<!--<![endif]-->
<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=2">

	<title>PressCore | Portfolio - Grid</title>
	
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="css/normalize.css" rel="stylesheet" type="text/css">
	<link href="css/wireframe.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/media.css" rel="stylesheet" type="text/css">
	<link href="skins/red/custom.css" rel="stylesheet" type="text/css" id="skin-style">
	
	<!-- RoyalSlider -->
	<link rel="stylesheet" href="royalslider/royalslider.css">
	<link rel="stylesheet" href="css/plugins.css">
	<link rel="stylesheet" href="js/plugins/pretty-photo/css/prettyPhoto.css" type="text/css"> 
	
	<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css"> <!-- All skins -->
	<link href="http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic" rel="stylesheet" type="text/css"> <!-- "Retro" skin -->
	<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"> <!-- "Business" skin -->
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css"> <!-- "Green" skin -->
	<link href="http://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet" type="text/css"> <!-- "Organic" skin -->

	<script src="js/modernizr.js"></script>

</head>

<body class="portfolio layout-grid">
<div id="page" ><!-- class="boxed" -->

	<!-- !Top-bar -->
	<div id="top-bar" role="complementary">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div class="wf-td">

					<div class="mini-contacts wf-float-left">
						<ul>
							<li class="address">10230 Santa Monica BLVD Los Angeles</li>
							<li class="phone">+3 045 224 33 12</li>
							<li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
						</ul>
					</div>

					<!-- <div class="mini-nav wf-float-left">
						<ul>
							<li><a href="#">Support Policy</a></li>
							<li><a href="#">Online Helpdesk</a></li>
							<li><a href="#">ThemeForest Profile</a></li>
						</ul>
					</div> -->

				</div>
				<div class="wf-td">

					<div class="mini-search wf-float-right wf-mobile-hidden">
						<form role="search" method="get" action="#">
							<input type="text" class="field" name="searchquery" placeholder="Search">
							<input type="submit" class="assistive-text" name="submit" value="go">
							<a href="#go" class="submit"></a>
						</form>
					</div>

					<!-- <div class="mini-lang wf-float-right">
						<ul>
							<li><a href="#"><img alt="en" src="images/en.png">English</a></li>
							<li><a href="#"><img alt="sv" src="images/sv.png">Svenska</a></li>
						</ul>
					</div> -->

				</div>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</div><!-- #top-bar -->

	<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
		<div class="wf-wrap">
			<div class="wf-table">

				<!-- !- Branding -->
				<div id="branding" class="wf-td">
					<a href="index-2.html"><img src="skins/red/red.header-logo-regular.png" width="189" height="79" alt="PressCore: multipurpose HTML framework"></a>
					<div id="site-title" class="assistive-text">PressCore</div>
					<div id="site-description" class="assistive-text">multipurpose HTML framework</div>
				</div>

				<!-- !- Navigation -->	
								<nav id="navigation" class="wf-td">
					<ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->
						<li class="has-children">
							<a href="index-2.html">Home</a>
							<ul class="sub-nav">
								<li><a href="index-2.html">Homepage 1</a></li>
								<li><a href="index-3.html">Homepage 2</a></li>
								<li><a href="index-4.html">Homepage 3</a></li>
								<li><a href="index-5.html">Homepage 4</a></li>
								<li><a href="index-6.html">Homepage 5</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="index-2.html">Slideshows</a>
							<ul class="sub-nav">
								<li><a href="slideshow-fullscreen.html">Slideshow fullscreen</a></li>
								<li><a href="slideshow-fixed.html">Slideshow fixed</a></li>
								<li><a href="3D-fullscreen.html">3D gallery fullscreen</a></li>
								<li><a href="3D-fixed.html">3D gallery fixed</a></li>
								<li><a href="metro-slideshow.html">Metro slideshow</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#3">Blog</a>
							<ul class="sub-nav">
								<li><a href="blog-masonry.html">Blog masonry fullwidth</a></li>
								<li><a href="blog-masonry-sidebar.html">Blog masonry with sidebar</a></li>
								<li><a href="blog-standard.html">Blog standard</a></li>
								<li><a href="blog-fancy.html">Blog with fancy header</a></li>
								<li><a href="post.html">Blog post</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Portfolio</a>
							<ul class="sub-nav">
								<li class="has-children">
								<a href="#51">Portfolio masonry</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-masonry.html">Portfolio masonry fullwidth</a></li>
									<li><a href="portfolio-masonry-sidebar.html">Portfolio masonry with sidebar</a></li>
									<li><a href="portfolio-masonry-text-hoovers.html">Portfolio masonry text hoovers</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#52">Portfolio grid</a>
								<ul class="sub-nav">

									<li><a href="portfolio-grid.html">Portfolio grid fullwidth</a></li>
									<li class="act"><a href="portfolio-grid-sidebar.html">Portfolio grid with sidebar</a></li>
									<li><a href="portfolio-grid-text-hoovers.html">Portfolio grid text hoovers</a></li>

								</ul>
								</li>

								<li class="has-children">
								<a href="#53">Portfolio standard</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-standard.html">Portfolio standard fullwidth</a></li>
									<li><a href="portfolio-standard-sidebar.html">Portfolio standard with sidebar</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#53">Portfolio checker</a>
								<ul class="sub-nav">

									<li><a href="portfolio-checker.html">Portfolio checker fullwidth</a></li>

									<li><a href="portfolio-checker-sidebar.html">Portfolio checker with sidebar</a></li>

								</ul>
								</li>
								<li><a href="portfolio-fancy.html">Portfolio with fancy header</a></li>
								<li class="has-children">
								<a href="#54">Portfolio posts</a>
								<ul class="sub-nav">

									<li><a href="portfolio-post.html">Portfolio post fullwidth</a></li>
									<li><a href="portfolio-post-sidebar.html">Portfolio post with sidebar</a></li>
								</ul>
								</li>

							</ul>
						</li>
						<li class="has-children">
							<a href="#">Pages</a>
							<ul class="sub-nav">
								<li><a href="team.html">Team</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Elements</a>
							<ul class="sub-nav">
								<li><a href="fancy-header.html">Fancy header</a></li>
								<li><a href="typography.html">Typography</a></li>
								<li><a href="banners-teasers.html">Banners & Teasers</a></li>
								<li><a href="service-clients.html">Services & Clients</a></li>
								<li><a href="tabbed-content.html">Tabbed content</a></li>
							</ul>
						</li>
					</ul>

					<a href="#show-menu" rel="nofollow" id="mobile-menu">
						<span class="menu-open">MENU</span>
						<span class="menu-close">CLOSE</span>
						<span class="menu-back">back</span>
						<span class="wf-phone-visible">&nbsp;</span>
					</a>
				</nav>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</header><!-- #header -->

	<!-- !Main -->
	<div id="main" class="sidebar-right"><!-- class="sidebar-none", class="sidebar-left", class="sidebar-right" -->
		<div class="wf-wrap">
			<div class="wf-container-main">

				<!-- !- Content -->
				<div id="content" role="main" class="content">

					<h1>Portfolio grid</h1>
					<div class="hr-breadcrumbs divider-heder">
						<div class="assistive-text">You are here:</div>
						<ol class="breadcrumbs wf-td text-small">
							<li><a href="#">home</a></li>
							<li><a href="#">portfolio</a></li>
							<li><a href="#">portfolio grid</a></li>
							<li><a href="#">portfolio grid with sidebar</a></li>
						</ol>
					</div>

					

					<div class="filter">
						<div class="filter-categories">
							<a href="#" class="act show-all" data-category="all">View all</a>
							<a href="#" data-category="photography">Photography</a>
							<a href="#" data-category="design">Design</a>
							<a href="#" data-category="programming">Programming</a>
							<a href="#" data-category="coding">Coding</a>
						</div>

						<div class="filter-extras">
							<div class="filter-by">
								<a href="#" data-by="date" class="act">Date</a>
								<a href="#" data-by="name">Name</a>
							</div>
	
							<div class="filter-sorting">
								<a href="#" data-sort="desc" class="act">Desc</a>
								<a href="#" data-sort="asc">Asc</a>
							</div>
						</div>
					</div>

					<div class="wf-container">
						<div class="wf-cell wf-1-3">
		
							<article class="post">

								<p><a class="alignnone rollover rollover-zoom" href="#"><img class="preload-me" src="usr/images-portfolio-grid/gr6.jpg" alt="" title="" width="100%"></a></p>

								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Nunc tempor metus</a>
								</h2>
		
								<div class="portfolio-categories">
									<a href="#" title="View all posts in Fashion" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Lifestyle" rel="category tag">Lifestyle</a>
									<a href="#" title="View all posts in Photography" rel="category tag">Photography</a>
								</div><!-- .portfolio-categories -->
		
								<p>Curabitur felis dui, molestie interdum pulvinar eu, cursus id metus. Morbi viverra lorem ipsum dolor mi non placerat.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="wf-cell wf-1-3">
		
							<article class="post">		
										
								<p><a class="alignnone rollover rollover-zoom" href="#"><img class="preload-me" src="usr/images-portfolio-grid/gr1.jpg" alt="" title="" width="100%"></a></p>
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Placerat tincidunt</a>
								</h2>
		
								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Lifestyle</a>
								</div><!-- .portfolio-categories -->

								<p>Morbi viverra, mi non placerat tincidunt venenatis justo lorem ipsum dolor sit glavrida.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>

										
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="wf-cell wf-1-3">
		
							<article class="post">		
										
								<p><a class="alignnone rollover rollover-zoom" href="#"><img class="preload-me" src="usr/images-portfolio-grid/gr2.jpg" alt="" title="" width="100%"></a></p>
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Luctus elementum</a>
								</h2>
		
								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Photography</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Lifestyle</a>
								</div><!-- .portfolio-categories -->

								<p>Curabitur felis dui, molestie interdum euorbi viverra, mi non placerat tincidunt lorem from ipsum dolor sit glavrida.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>

										
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						
						
						<div class="wf-cell wf-1-3">
		
							<article class="post">		
										
								<p><a class="alignnone rollover rollover-zoom" href="#"><img class="preload-me" src="usr/images-portfolio-grid/gr3.jpg" alt="" title="" width="100%"></a></p>
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Lorem ipsum dolor</a>
								</h2>
		
								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Coding</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Programming</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Design</a>
								</div><!-- .portfolio-categories -->

								<p>Morbi viverra mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo lorem ipsum dolor sit glavrida.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>

										
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="wf-cell wf-1-3">
		
							<article class="post">		
										
								<p><a class="alignnone rollover rollover-zoom" href="#"><img class="preload-me" src="usr/images-portfolio-grid/gr4.jpg" alt="" title="" width="100%"></a></p>
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Placerat tincidunt</a>
								</h2>
		
								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Coding</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Design</a>
								</div><!-- .portfolio-categories -->

								<p>Lorem ipsum on placerat tincidunt, lectus neque bibendum turpis, at venenatis justo lorem ipsum dolor sit glavrida.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>

										
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="wf-cell wf-1-3">
		
							<article class="post">		
										
								<p><a class="alignnone rollover rollover-zoom" href="#"><img class="preload-me" src="usr/images-portfolio-grid/gr5.jpg" alt="" title="" width="100%"></a></p>
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Dolor glavrida</a>
								</h2>
		
								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat B" rel="category tag">Design</a>
								</div><!-- .portfolio-categories -->

								<p>Glavrida lacerat tincidunt, lectus neque bibendum turpis, at venenatis justo lorem ipsum dolor sit glavrida.</p>
								<p><a class="more-link dt-btn" href="#">Details</a></p>

										
							</article><!-- .post -->
		
						</div><!-- .iso-item -->

					</div>
		
					<!-- !-- Paginator -->
					<div class="paginator" role="navigation">
						<div class="page-links">
							<a href="#">1</a>
							<a href="#">...</a>
							<a href="#">6</a>
							<a href="#">7</a>
							<a class="act" href="#">8</a>
							<a href="#">9</a>
							<a href="#">10</a>
							<a href="#">...</a>
							<a href="#">16</a>
						</div>
						<div class="page-nav">
							<a class="nav-prev" href="#">Prev page</a>
							<a class="nav-next" href="#">Next page</a>
						</div>
					</div>
					<!-- .paginator -->

					<!-- !-- Stripe -->
					<div class="stripe stripe-style-2" style="margin-top: 40px; margin-bottom: -40px;">
						<div class="gap-30"></div>		
						<div class="wf-container">
							
							<div class="wf-cell wf-1-2">
								<!-- !- Testimonials slider -->
								<h2 class="entry-title">Testimonials</h2>
								<div class="gap-10"></div>
								<section class="testimonial-item">
									<ul class="testimonials slider-content rsCont">
										<li>
											<article>
												<div class="testimonial-content">
													<p>Vivamus non lectus urna, eget mollis ligula. Vestibulum vitae ultrices justo. Donec sed venenatis lacus. Donec viverra, augue nec dolorus sagittis, quam tortor suscipit augue nec pellentesque elit, eleifend feugiat risus velit dapibus enim. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac augue nec pellentesque sagittis vulputate erat ante iaculis nunc.</p>
												</div>
												
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test4.jpg">
													</span>
													<span class="text-primary">Jack Black</span><br />
													<span class="text-secondary color-secondary">fashion journalist</span>
												</div>
											</article>
										</li>
										<li>
											<article>
												<div class="testimonial-content">
													<p>Lorem ipsum dolor ivamus non lectus urna, augue nec pellentesque sagittis eget mollis ligula. Vestibulum vitae ultrices justo. Donec sed venenatis lacus. Donec viverra, augue nec pellentesque sagittis, quam tortor suscipit elit, eleifend feugiat risus velit dapibus enim. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius eros sed feugiat.</p>
												</div>
												
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Diana Orange" src="usr/pc-testimonials-avatars/test6.jpg">
													</span>
													<span class="text-primary">Alex Orange</span><br />
													<span class="text-secondary color-secondary">web designer</span>
												</div>
											</article>
										</li>
										<li>
											<article>
												<div class="testimonial-content">
													<p>Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius eros sed feugiat. Viverra, augue nec pellentesque sagittis ivamus non lectus urna, eget mollis ligula. Vestibulum vitae ultrices justo. Donec sed venenatis lacus. Donec viverra, augue nec pellentesque sagittis, quam tortor suscipit elit, eleifend feugiat risus velit dapibus enim.</p>
												</div>
												
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Laura Anderson" src="usr/pc-testimonials-avatars/test5.jpg">
													</span>
													<span class="text-primary">Jack Black</span><br />
													<span class="text-secondary color-secondary">fashion journalist</span>
												</div>
											</article>
										</li>

										<li>
											<article>
												<div class="testimonial-content">
													<p>Nullam quis gravida nisi. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius eros sed feugiat. Morbi dignissim scelerisque elit eu placerat. Donec quis augue turpis. Etiam libero dui, sollicitudin eget aliquam id, faucibus in erat asellus eget libero commodo augue suscipit suscipit a quis dignissim scelerisque elit eu placerat.</p>
												</div>
				
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test1.jpg">
													</span>
													<span class="text-primary">Anna White</span><br />
													<span class="text-secondary color-secondary">designer</span>
												</div>
											</article>
										</li>

										<li>
											<article>
												<div class="testimonial-content">
													<p>Morbi viverra, hasellus eget dignissim scelerisque elit eu placerat libero commodo augue suscipit suscipit a quis nullami non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo massa a justo. Aenean adipiscing faucibus ante eget semper. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius eros sed feugiat. </p>
												</div>
				
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test5.jpg">
													</span>
													<span class="text-primary">Alex Green</span><br />
													<span class="text-secondary color-secondary">programmer</span>
												</div>
											</article>
										</li>
									</ul>
								</section>
							</div>
							<div class="wf-cell wf-1-2">
								<h2 class="entry-title">What we do</h2>
								<div class="gap-10"></div>
								<div class="st-accordion">
									<ul>
										<li>
											<a class="text-primary" href="#">Web design & Coding</a>
											<div class="st-content">
												<p>Nullam imperdiet eleifend magna, eget dictum urna gravida quis. Nulla facilisi. Mauris et dictum ante. Praesent elit dui, congue eu ornare vel, mattis sed eros. Morbi viverra mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo lorem ipsum dolor sit glavrida. Sed at mattis ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus eget libero commodo augue suscipit suscipit a quis nulla dignissim scelerisque elit eu placerat.</p>
											</div>
										</li>
										<li>
											<a class="text-primary" href="#">Programming & Testing</a>
											<div class="st-content">
												<p> Quisque dignissim scelerisque elit eu placerat gravida turpis sit amet nulla posuere lacinia. Cras sed est sit amet ipsum luctus dignissim. Cras nec dolor diam. Fusce purus nunc, dignissim scelerisque elit eu placerat dignissim scelerisque elit eu placerat tempor vel ultrices eu, vehicula quis eros. Morbi viverra mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo lorem ipsum dolor sit glavrida.</p>
											</div>
										</li>
										<li>
											<a class="text-primary" href="#">Marketing & SEO</a>
											<div class="st-content">
												<p>Morbi viverra mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo lorem ipsum dolor sit glavrida.Morbi viverra, mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo massa a justo. Aenean adipiscing faucibus ante eget semper dignissim scelerisque elit eu placerat dignissim scelerisque elit eu placerat dignissim scelerisque elit eu placerat.</p>
											  </div>
										</li>
										
									</ul>
								</div>
							</div>
						</div>
						<div class="gap-30"></div>				

					</div>

				</div><!-- #content -->
				<!-- !- Sidebar -->
				<aside id="sidebar" role="complementary" class="sidebar">

				
					<!-- !-- Recent news -->
					<section class="widget">
						<div class="widget-title">Popular posts</div>
						<ul class="recent-posts">
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-4.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Pellentesque congue viverra magna</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-5.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Dauris suspendisse viverra eleifend</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-6.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Duis euismod euismod nisl et porta massa</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
							<li>
								<article>
									<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-1.jpg" alt=""></a>
									<div class="post-content">
										<a href="#">Lorem ipsum euismod nisl et porta massa</a><br>
										<time pubdate="" datetime="2008-09-03T09:35:23+00:00" class="text-secondary">11 May 2012</time>
									</div>
								</article>
							</li>
						</ul>
					</section>

					<!-- !-- Skills -->
					<section class="widget">
						<div class="widget-title">Our skills</div>

						<div class="skills">
							<div class="skill-name">Web design</div>
							<div class="skill">
								<div class="skill-value" data-width="90"><span></span></div>
							</div>
	
							<div class="skill-name">Coding</div>
							<div class="skill">
								<div class="skill-value" data-width="80"><span></span></div>
							</div>
	
							<div class="skill-name">Programming</div>
							<div class="skill">
								<div class="skill-value" data-width="50"><span></span></div>
							</div>
							<div class="skill-name">Marketing</div>
							<div class="skill">
								<div class="skill-value" data-width="30"><span></span></div>
							</div>
						</div>
					</section><!-- .widget -->
					
					
					<!-- !-- Contact info -->
				<section class="widget">
					<div class="widget-title">Contact info</div>
					<ul class="contact-info">
						<li><span class="secondary-color">Adress:</span><br /> 10250 Santa Monica Boulevard Los Angeles, CA 90067</li>
						<li><span class="secondary-color">Phone number:</span><br /> +3 045 224 33 12, +3 045 224 21 00</li>
					</ul>

					<div class="soc-ico">
						<p class="assistive-text">Find us on:</p>
						<a class="facebook" href="#" target="_blank" title="Facebook"><span class="assistive-text">Facebook</span></a>
						<a class="dribbble" href="#" target="_blank" title="Dribbble"><span class="assistive-text">Dribbble</span></a>
						<a class="google" href="#" target="_blank" title="Google+"><span class="assistive-text">Google+</span></a>
						<a class="twitter" href="#" target="_blank" title="Twitter"><span class="assistive-text">Twitter</span></a>
					</div>
				</section><!-- .widget -->
				<!-- !-- Contact form -->
				<section class="widget">
					<div class="widget-title">Send us a message</div>
					<form class="contact-form dt-form">
						<p class="form-name">
							<label for="from" class="assistive-text">Name *</label>
							<input type="text" aria-required="true" value="" name="from" placeholder="Name*">
						</p>
						<p class="form-mail">
							<label for="email" class="assistive-text">Email*</label>
							<input type="text" aria-required="true" value="" name="email" placeholder="Email*">
						</p>
						<p class="form-text">
							<label for="message" class="assistive-text">Message*</label>
							<textarea aria-required="true" rows="6" name="message" placeholder="Message*"></textarea>
						</p>
						<p>
							<a class="dt-btn dt-btn-m" href="#">Send message</a>
							<a class="clear-form" href="#">clear</a>
							<input type="submit" class="assistive-text" value="submit">
						</p>
					</form>
				</section><!-- .widget -->

				</aside><!-- #sidebar -->

			</div><!-- .wf-container -->
		</div><!-- .wf-wrap -->
	</div><!-- #main -->

	<!-- !Bottom-bar -->
	<div id="bottom-bar" role="contentinfo">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">

				<div id="branding-bottom" class="wf-td">
					<img src="skins/red/red.bottom-bar-logo-regular.png" width="38" height="48" alt="PressCore: multipurpose HTML framework">
				</div>

				<div class="wf-td">
					<div class="wf-float-left">&copy; 2012&ndash;2013. Dream-Theme &mdash; truly <a href="http://dream-theme.com/" target="_blank">premium WordPress themes</a>.</div>
				</div>

				<div class="wf-td">

					<div class="mini-nav wf-float-right">
						<ul>
							<li><a href="http://support.dream-theme.com/support-policy" target="_blank">Support Policy</a></li>
							<li><a href="http://support.dream-theme.com/" target="_blank">Online Helpdesk</a></li>
							<li><a href="http://themeforest.net/user/Dream-Theme" target="_blank">ThemeForest Profile</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div><!-- .wf-wrap -->
	</div><!-- #bottom-bar -->

</div><!-- #page -->


<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>

<!-- RoyalSlider -->
<script src="royalslider/jquery.royalslider.js"></script>
<script src="js/plugins/pretty-photo/js/jquery.prettyPhoto.js"></script>
<script src="js/plugins.js"></script>

<script src="js/main.js"></script>

<link rel="stylesheet" href="presscore-demo/css/show.css" type="text/css" />
<script type="text/javascript" src="presscore-demo/js/demo.js"></script>
</body>
</html>